<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ include file="/views/include/nocachehead.jsp"%>
<%@ include file="/views/include/statusbar.jsp"%>
<title>${spotInfo.name}</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/payattention.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/pagination.js"></script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/comment.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.raty.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/stringutil.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/base.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/feed.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/shortMessage.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/notification.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/video.js"></script>
</head>
<script type="text/javascript">
function ajaxVote(containerId,objId, star) {
	jQuery.ajax({
		url : "/skyline/spot/vote.html",
		type : "POST",
		data : "spotId=" + objId + "&star=" + star,
		dataType:"json",
		contentType : "application/x-www-form-urlencoded; charset=utf-8",
		success : function(msg) {
			var obj=msg;
			//alert(obj.SpotStar);
			$(containerId).raty.start(obj.SpotStar,'#'+containerId.id);
			if(obj.Raty_Tag)
			{
			alert("你已经评价过了");
			}
		}
	});
}
function AjaxstarInit(containerId,objId,startStar)
{
$(containerId).raty({
start: startStar,
click: function(score) {
			ajaxVote(containerId,objId,score);
		}	
});
}
$(document).ready(function(){
	
	if(${scope}==0){
		$('.countryTag').hide();
		$('.provinceTag').hide();
		$('.cityTag').hide();
		<c:set var="listUrl" value="${pageContext.request.contextPath}/spot/list.html"></c:set>
	//	alert("${listUrl}");
	}
	if(${scope}==1){
		$('.provinceTag').hide();
		$('.cityTag').hide();
		<c:set var="listUrl" value="${pageContext.request.contextPath}/spot/country/${spotList[0].siteId}/list.html"></c:set>
	//	alert("${listUrl}");
	}
	if(${scope}==2){
		$('.cityTag').hide();
		<c:set var="listUrl" value="${pageContext.request.contextPath}/spot/province/${spotList[0].siteId}/list.html"></c:set>
	//	alert("${listUrl}");
	}
	if(${scope}==3){
		<c:set var="listUrl" value="${pageContext.request.contextPath}/spot/city/${spotList[0].siteId}/list.html"></c:set>
	//	alert("${listUrl}");
	}
//	$('#myStar').starLevel();
//	AjaxstarInit(spotStar,${spotInfo.id},${spotInfo.star});
	//alert($('#content').html().length);
	//showDepart();
});
</script>
<style type="text/css">
.positionView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 1024px;
}

.mainBox1 {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 800px;
	width: 260px;
}

.mainBox2 {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 800px;
	width: 700px;
}

.spotView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 120px;
	width: 680px;
}

.portraitView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 100px;
}

.spotInfoView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 530px;
}

.pageView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 10px;
	width: 530px;
}

.spotStarView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 250px;
}

.spotPositionView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 250px;
}

.adminview {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 120px;
	width: 250px;
}

.introductionView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 250px;
}

.fansView {
	border: 1px dashed #0099CC;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 250px;
}

.starclass {
	font: 10px verdana;
}

.countryTag {
	font: 10px verdana;
}

.provinceTag {
	font: 10px verdana;
}

.cityTag {
	font: 10px verdana;
}

#bodyDiv {
	position: relative;
	top: 42px;
	width: 960px;
	min-height: 500px;
	height: auto !important;
	margin: 0 auto;
}

#woOwnerDiv {
	float: right;
	width: 240px;
	height: 500px;
	background: #ffff;
	left: 10px;
}

#content {
	float: left;
	width: 720px;
	min-height: 500px;
	background: #ffff;
}

hr {
	boder: 1px dashed #cccccc;
}
</style>

<body>
	<br>
	<br>
	<div class="mainBox1"></div>
	<div class="mainBox2">
		<div class="charView">
			<div class="portraitView">

				<img title="${spotChar.characteristicTitle}" width="100px" height="100px"
					src="${spotPortraitPath }/${spotChar.portrait}" />
					<a>已经有${spotChar.agreeNum }支持</a>
			</div>
			<div class="charDetailView">
				标题:<a>${spotChar.characteristicTitle }</a><br>
				创建时间：<p>由<a href="${pageContext.request.contextPath}/wo/${spotChar.creatorId}.html">${spotChar.creatorNickname }</a>于${spotChar.createTime}创建</p>
				描述：<p>${spotChar.characteristicDetail }</p>
			</div>
		</div>
		<br>
		<div>
		<skyline:comment maxSize="10" commentType="CHAR" objId="comment"
			contextPath="${pageContext.request.contextPath}"
			resourceId="${spotChar.id }" resourceName="${spotChar.characteristicTitle }"
			ownerId="${spotChar.creatorId}" />

	</div>
	</div>
</body>
</html>